<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
	"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<!-- ficheros de cabecera	-->
		<!--CSS -->
		<link rel="stylesheet" type="text/css" href="css/estilo.css" />
		<link type='text/css' href='css/contact.css' rel='stylesheet' media='screen' />
		<!-- JS	-->
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
		</script>        
	<!-- fin ficheros de cabecera	-->
	<!-- Jquery -->
		<script type="text/javascript">
			$(document).ready(function(){
				$('form#input').submit(function() {
					var name = $('input[name=username]').val();
					if(name == ''){
						alert("No name introduced");
						return false;
					}
					$.ajax({
						data: "consulta="+name,
						type: "GET",
						dataType: "json",	
						url: "buscador.php",
						success: function(data){
							if(data != null){
								$("form#input").html(data);
								$("#busqueda").hide();
								$("#busquedaAvanzada").hide();
							}
							else{
								alert("No results found");
							}
						}
					})
					return false;
				});
				$('input[name=username]').focus(function(){
					if(this.value = this.defaultValue){
						this.value = '';	
					}
				})
				$('#busqueda').click(function(){
					$('#busqueda').hide();
					$('#busquedaAvanzada').show();
				})
				$('#busquedaSencilla').click(function(){
					$('#busquedaAvanzada').hide();
					$('#busqueda').show();
				})
			});
		</script>
	<!-- fin Jquery -->
	<title>Tu perfil</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="Content-Language" content="en" />
	<meta name="GENERATOR" content="PHPEclipse 1.2.0" />	
	<?php include("data/menu_login.php"); ?>
</head>
<body>
<!-- div general	-->
<div id="background">
	<div id=general>
		<!-- cabecera -->
		<div id="menuSuperiorPrincipal">
			<?php include("comun/cabecera.php") ?>
		<!-- fin div cabecera -->
		</div>	
		<!-- menu lateral (derecha)	-->
		<div id='box-login'>
			<?php
				menu_login();
			?>
		<!-- fin menu lateral derecho-->
		</div>
		<!-- menu lateral (izquierda)	-->
		<div id="menuIzquierdaPrincipal">
			<?php include("comun/menuIzquierda.php"); ?>
		</div>
		<!-- inicio div con el contenido principal de la página -->
		<div id=contenido>	
		
		<div id='enlace'> <a href='lista_series.php'>Todas las series</a></div>
		
		<div id="contact_form"> 
			<form id="input" action="" method="get">
				Serie: <input type="text" id="username" name="username" value="Busca aqui tu serie" />
				<input type="submit" name="Submit" class="button" id="submit_btn" value="Submit" />
				<br /><input id="busqueda" type="button" value="Busqueda Avanzada" />
			</form>
			<form id="busquedaAvanzada">
				Genero<input type="checkbox" id="genero"/><br />
				Desde:<select id="desde">
						<option value="2000">2000</option>
						<option value="1990">1990</option>
						<option value="1980">1980</option>
						<option value="1970">1970</option>
					</select>
				Hasta:<select id="hasta">
						<option value="2010">2010</option>
						<option value="2000">2000</option>
						<option value="1990">1990</option>
						<option value="1980">1980</option>
					</select>	
					<br /><input id="busquedaSencilla" type="button" value="Busqueda Sencilla" />
			</form>
		</div>
		<!-- fin contenido	-->
		</div>
	<!-- fin div general	-->	
	</div>
	
</div>
<script type='text/javascript' src='js/jquery.js'>
</script>
<script type='text/javascript' src='js/jquery.simplemodal.js'>
</script>
<script type='text/javascript' src='js/contact.js'>
</script>
<script type='text/javascript' src='js/login.js'>
</script>
</body>
</html>